<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="echarts.min.js"></script>
</head>
<body>
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="main" style="width: 1000px;height:600px;"></div>
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));

        // 指定图表的配置项和数据
       option = {
    title : {
        text: 'Dao性能测试对比'
    },
    tooltip : {
        trigger: 'axis'
    },
    legend: {
        data:[${join(daoTypes)}]
    },
    toolbox: {
        show : true,
        feature : {
            dataView : {show: true, readOnly: false},
          
            saveAsImage : {show: true}
        }
    },
    calculable : true,
    xAxis : [
        {
            type : 'category',
            data : [${join(opTypes)}]
        }
    ],
    yAxis : [
        {
            type : 'value'
        }
    ],
    series : [
    	@for(item in result){
    	@ var values = @item.getRet().values();
        {
            name:'${item.daoName}',
            type:'bar',
            data:[${join(values)}]
           
        }
        ${!itemLP.last?","}
        @}
       
    ]
};


        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>
</body>
</html>
</html>
